<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>

    <!--amazeui Css style-->
    <link rel="stylesheet" href="./css/amazeui.css"/>

    <!--reset Css style-->
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/voice-album.css"/>
    <link rel="stylesheet" href="./css/video.css">
    <link rel="stylesheet" href="./css/voice_album-details.css"/>

    <script src="./js/jquery.min.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
<div id="header"></div>
<div class="content1100-style">
    <div class="content-wrap">
        <div class="left-content left-content1">
            <div id="nav"></div>
            <div class="img clearfix">
                <img src="image/20180906164532.png" alt="">
                <div class="title-wrap">
                    <div class="title">《妙法莲华经》&nbsp;序品第一</div>
                    <div class="data">类别：<span>人文</span></div>
                    <div class="data">最新更新：<span>2017-04-17</span></div>
                    <div class="data clearfix">
                        <img src="image/headset.png" alt="">
                        <span class="read-num">5012</span>
                    </div>
                    <div class="data">
                        <img src="image/share.png" alt="">
                    </div>
                </div>
            </div>
            <div class="intro" >
                <div class="intro-title">简介：</div>
                <div class="intro-content" id="drop_down" style="height: 70px" >《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。属于开权显实的圆融教法，大小无异，显密圆融，显示人人皆可成佛之一乘了义。在五时教判中，属于法华、涅盘之最后一时。因经中宜讲内容至高无上，明示不分贫富贵陆，人人皆可成佛，所以《法华经》也誉为「经中之王」。《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。《法华经》是佛陀释测牟尼晚年所说教法。属于开权显实的圆融教法，大小无异，显密圆融，显示人人皆可成佛之一乘了义。在五时教判中，属于法华、涅盘之最后一时。因经中宜讲内容至高无上，明示不分贫富贵陆，人人皆可成佛，所以《法华经》也誉为「经中之王」。《妙法莲华经》说一乘圆教，表清净了义，究竟圆满，微妙无上。
                .第二是出淤泥而不染;第三是内效不露。

                </div>
                <div  onclick="drop()"  class="drop_down" id="pack">展示更多</div>
            </div>

        </div>
        <!-- 右边排序-->
        <div class="right-content right-content1">
            <div class="new-header">
                <div class="new-title">收录专辑</div>
            </div>
            <ul class="new-uls">
                <li>
                    <a href="voice-album-details.html">
                        <img src="image/home_audio.png" alt="">
                        <div class="new-name-box">
                            <p class="new-name">《妙法莲华经》</p>
                            <p class="new-num">39个声音</p>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="new-header">
                <div class="new-title">最新专辑<a href="#"><span class="new-more">查看更多></span></a></div>
            </div>
            <ul class="new-uls">
                <li>
                    <a href="voice-album-details.html">
                        <img src="image/home_audio.png" alt="">
                        <div class="new-name-box">
                            <p class="new-name">《妙法莲华经》</p>
                            <p class="new-num">39个声音</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="voice-album-details.html">
                        <img src="image/home_audio.png" alt="">
                        <div class="new-name-box">
                            <p class="new-name">《妙法莲华经》</p>
                            <p class="new-num">39个声音</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="voice-album-details.html">
                        <img src="image/home_audio.png" alt="">
                        <div class="new-name-box">
                            <p class="new-name">《妙法莲华经》</p>
                            <p class="new-num">39个声音</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="voice-album-details.html">
                        <img src="image/home_audio.png" alt="">
                        <div class="new-name-box">
                            <p class="new-name">《妙法莲华经》</p>
                            <p class="new-num">39个声音</p>
                        </div>
                    </a>
                </li>
            </ul>

        </div>
    </div>
<!--<button onclick="biubiu()"></button>-->
</div>
<div id="footer"></div>
<script>
//    $("#click_up").on("click",function(){
//        $("#click_up").parent().css({
//                "height":"180px"})
//    });
//

      var drop_down=document.getElementById("drop_down");
      var pack=document.getElementById("pack");
      function drop(){

          if(drop_down.style.height==70+"px"){
              drop_down.style.height="100%";
              pack.firstChild.replaceData(0,4,"收起");
//
          }else{
              drop_down.style.height=70+"px";
              pack.firstChild.replaceData(0,2,"展示更多");
//
          }

      }
</script>

<script type="text/javascript">
    $(function(){
        $("#header").load("header.html");
        $("#nav").load("nav.html");
        $("#footer").load("footer.html")
    });


</script>


<!--公共Js-->
<script src="./js/amazeui.js"></script>
<script src="./js/amazeui.ie8polyfill.min.js"></script>
<script src="./js/jquery.min.js"></script>

</body>
</html>